$(document).ready(function() {

		$("#textBusqueda").focus(function(){
			$(this).css({
				'border-color' : '#848484',
				'border-style' : 'solid'
			});
		});
		
		$("#textBusqueda").blur(function(){
			$(this).css({
				'border-color' : '#BDC7D8',
				'border-style' : 'solid'
			});
		});
		
		
		var elt  = $('#textLugares');

		elt.tagsinput({
		  itemValue: 'value',
		  itemText: 'text',
		  freeInput: false,
		  maxTags: 1
		});


		elt.tagsinput('input').typeahead({
		  valueKey: 'text',
		  prefetch: 'src/pcs.json',
		  template: '<p>{{text}}</p>',                                       
		  engine: Hogan
		}).bind('typeahead:selected', $.proxy(function (obj, datum) {  
			this.tagsinput('add', datum);
			this.tagsinput('input').typeahead('setQuery', '');
		}, elt));
		
		
		
		elt  = $('#textEspecialidad');

		elt.tagsinput({
		  itemValue: 'value',
		  itemText: 'text',
		  freeInput: false,
		  maxTags: 1
		});


		elt.tagsinput('input').typeahead({
		  valueKey: 'text',
		  prefetch: 'src/especialidades.json',
		  template: '<p>{{text}}</p>',                                       
		  engine: Hogan
		}).bind('typeahead:selected', $.proxy(function (obj, datum) {  
			this.tagsinput('add', datum);
			this.tagsinput('input').typeahead('setQuery', '');
		}, elt));
		
		
		

		 var ejemplo = $(".tt-dropdown-menu");
		 
		 //$(ejemplo[0]).css({"width":"170px"});
		 
		 //$(ejemplo[1]).css({"width":"300px"});
		 
		  $(ejemplo[0]).css({"width":"300px"});
		  $(ejemplo[1]).css({"width":"160px"});
		

	}  
	);